<?php
$this->load->view('includes/header');
?>
<section id="LeapMainWrapper">

    <div id="subheader">

        <h2>Settings</h2>
        <div class="submitWrapper">
            <div class="submit_button">
                <input type="submit" value="Save changes" class="button" onclick="formSubmit()">
            </div>

            <div class="clearfix"></div>
        </div>
        <div class="clear"></div>
    </div>
    <div class="col">

        <ul class="settings_tab">
            <li class="selected"><a class="filter active" href="settings">Profile</a></li> 
            <li class=""><a class="filter" href="settings_password">Password</a></li> 
            <li class=""><a class="filter" href="notifications">Notifications</a></li> 
            <li class=""><a class="filter" href="sharing">Sharing</a></li>
        </ul>

    </div>
    <div class="col settings">

        <!--        <form class="profileInfos" method="post" action="profile/submit_settings" autocomplete="off">-->
        <?php
        if (@$incorrect) {
            echo "<p>" . $incorrect . "</p>";
        }
        echo validation_errors('<p class="error">');
        $attributes = array("autocomplete" => "off");
        echo form_open_multipart('http://leapdemo.com/profile/submit_settings', $attributes);
        ?>
        <!-- site stuff -->	
        <div class="controlgroup margin">
            <h3 class="faded">
                Information
            </h3>

            <div class="controls top" >

                <div class="arrow"></div>



                <div class="space">&nbsp;</div>
                <div class="checkinfo">
                    <label class="smalllabel" for="username">Username</label>
                    <div class="showbox"><input type="text" value="<?php if (isset($username))
            echo $username; ?>" name="username" id="username" class="full"></div>
                </div>
                <div class="clearfix"></div>

                <div class="space">&nbsp;</div>
                <div class="checkinfo">
                    <label class="smalllabel" for="firstname">First name</label>
                    <input type="text" value="<?php if (isset($first_name))
            echo $first_name; ?>" name="firstname" id="firstname" class="full">
                </div>
                <div class="clearfix"></div>

                <div class="space">&nbsp;</div>
                <div class="checkinfo">
                    <label class="smalllabel" for="lastname">Last name</label>
                    <input type="text" value="<?php if (isset($last_name))
            echo $last_name; ?>" name="lastname" id="lastname" class="full">
                </div>
                <div class="clearfix"></div>

                <div class="space">&nbsp;</div>
                <div class="checkinfo">
                    <label class="smalllabel" for="email">Email</label>
                    <input type="text" value="<?php if (isset($email_address))
            echo $email_address; ?>" name="email" id="email" class="full"/>
                </div>
                <div class="clearfix"></div> 

                <div class="space">&nbsp;</div>

                <div class="checkinfo">
                    <label class="smalllabel" for="lastname">Birthday</label>
                    <div>
                        <select id="birthday_month" name="birthday_month">
                                <?php
                                foreach ($this->lang->line('month') as $key => $value) {
                                    ?>
                                <option <?php if (isset($birthday_month) && $birthday_month === (string) $key)
                                    echo 'selected="selected"'; ?> value="<?php echo $key ?>"><?php echo $value ?></option>
                            <?php } ?>  
                        </select> 
                        <select  id="birthday_day" name="birthday_day">
                                <?php
                                for ($i = 1; $i < 32; $i++) {
                                    ?>
                                <option <?php if (isset($birthday_day) && $birthday_day == $i)
                                    echo 'selected="selected"'; ?>  value="<?php echo $i ?>"><?php echo $i ?></option>
                            <?php } ?> 
                        </select> 
                        <select  id="birthday_year" name="birthday_year">
                                <?php
                                for ($i = 1920; $i < 2013; $i++) {
                                    ?>
                                <option <?php if (isset($birthday_year) && $birthday_year == $i)
                                    echo 'selected="selected"'; ?>  value="<?php echo $i ?>"><?php echo $i ?></option>
<?php } ?> 
                        </select> 
                    </div>
                </div>

                <div class="clearfix"></div>

                <div class="space">&nbsp;</div>
                <div class="checkinfo">  	
                    <label class="smalllabel" for="bio">About you</label>
                    <textarea name="about" id="about" class="full"><?php if (isset($about))
    echo $about; ?></textarea>	
                </div>
                <div class="clearfix"></div>
            </div>

        </div>


        <!-- user stuff -->
        <div class="controlgroup ">


            <h3 class="faded">About You</h3>

            <div class="controls top">

                

                <div class="checkinfo">		


                    <div class="showbox" id="gender">
                        <input type="radio" value="1" name="sex" id="sex_1" checked="checked">
                        <label for="sex_1">Male</label>&nbsp;&nbsp;

                        <input type="radio" value="2" name="sex" id="sex_2">
                        <label for="sex_2">Female</label>&nbsp;&nbsp;

                        <input type="radio" value="0" name="sex" id="sex_0"> 
                        <label for="sex_0">Not specified</label>
                    </div>

                </div>

                <div class="clearfix"></div>




                <div class="space">&nbsp;</div>

                <div class="checkinfo labelonly">
                    <label>Location</label>
                    <div class="showbox">
                        <input type="text" placeholder="City" name="city" id="city" class="full bottom" value="<?php if (isset($city))
    echo $city; ?>">
                        <input type="text" placeholder="State" name="state" id="state" class="full bottom" value="<?php if (isset($state))
    echo $state; ?>">
                        <input type="text" placeholder="Country" name="country" id="country" class="full bottom" value="<?php if (isset($country))
    echo $country; ?>">	
                    </div>
                </div>
                <div class="clearfix"></div>

                

                <div class="space">&nbsp;</div>
                
                <div class="checkinfo labelonly">
                    <label>Team</label>
                    <div class="showbox">
                        <input type="text" placeholder="Team" name="team" id="team" class="" value="<?php if (isset($team))
    echo $team; ?>">	
                    </div>
                </div>
                <div class="clearfix"></div>
                
                <div class="space">&nbsp;</div>
                
                <div class="checkinfo labelonly">
                    <label>Height</label>
                    <div class="showbox">
                        <input type="text" placeholder="height" name="height" id="height" class="" value="<?php if (isset($height))
    echo $height; ?>">	
                    </div>
                </div>
                <div class="clearfix"></div>



                <div class="space">&nbsp;</div>

                <div class="checkinfo labelonly">
                    <label>Weight</label>
                    <div class="showbox">
                        <input type="text" placeholder="weight" name="weight" id="weight" class="" value="<?php if (isset($weight))
    echo $weight; ?>">	
                    </div>
                </div>
                <div class="clearfix"></div>



                <div class="space">&nbsp;</div>


                <div class="checkinfo labelonly">
                    <label>Favourite Tracer</label>
                    <div class="showbox">
                        <input type="text" placeholder="Favourite Tracer" name="tracer" id="tracer" class="" value="<?php if (isset($tracer))
    echo $tracer; ?>">	
                    </div>
                </div>
                <div class="clearfix"></div>



                <div class="space">&nbsp;</div>

                <div class="checkinfo labelonly">
                    <label>Favourite Spot</label>
                    <div class="showbox">
                        <input type="text" placeholder="Favourite Spot" name="spot" id="spot" class="" value="<?php if (isset($spot))
    echo $spot; ?>">	
                    </div>
                </div>
                <div class="clearfix"></div>



                <div class="space">&nbsp;</div>


                <div class="checkinfo labelonly">
                    <label>Favourite Parkour shoe</label>
                    <div class="showbox">
                        <input type="text" placeholder="Favourite Parkour shoe" name="shoe" id="shoe" class="" value="<?php if (isset($shoe))
    echo $shoe; ?>">	
                    </div>
                </div>
                <div class="clearfix"></div>



                <div class="space">&nbsp;</div>
                <!--			<div class="checkinfo">
                                        
                                                 add things 
                                                <a href="javascript:px.addGear('camera')" class="button small white inlineblock">Add Cameras</a>
                                                
                                                <a href="javascript:px.addGear('lens')" class="button small white inlineblock">Add Lenses</a>
                                        
                                                <a href="javascript:px.addGear('misc')" class="button small white inlineblock">Add Equipment</a>
                                        
                                                
                                                <div class="showbox">
                                                        <ul id="gearlist">
                                                        
                                                                                                
                                                                
                                                        
                                                        </ul>
                                                        
                                                </div>
                                        
                                
                                        </div>
                                        <div class="clearfix"></div>-->


            </div>

        </div>		


        <div class="clearfix"></div>	



        <!-- social media -->	
        <div class="controlgroup margin">	

            <h3 class="faded">
                Social Media
            </h3>


            <div class="controls bottomCtn" >

                <div class="arrow"></div>






                <div class="space">&nbsp;</div>

                <div class="checkinfo">	
                    <label  class="smalllabel">Website</label>

                    <div class="showbox">
                        <input type="text" placeholder="Full website address" name="website" id="user_contact_website" class="full" value="<?php if (isset($website))echo $website; ?>">
                    </div>

                </div>	


                <div class="clearfix"></div>





                <div class="space">&nbsp;</div>

                <div class="checkinfo">		
                    <label  class="smalllabel">Twitter</label>

                    <div id="twitter-username" class="showbox">
                        <input type="text" placeholder="Username" name="twitter" id="user_contact_twitter" value="<?php if (isset($twitter))echo $twitter; ?>">
                        <div id="atsymbol">@</div>
                    </div>

                </div>	


                <div class="clearfix"></div>





                <div class="space">&nbsp;</div>

                <div class="checkinfo">	
                    <label  class="smalllabel">Facebook</label>

                    <div class="showbox">
                        <input type="text" placeholder="Full website address" name="facebook" id="user_contact_facebookpage" class="full" value="<?php if (isset($facebook))echo $facebook; ?>">
                    </div>

                </div>	


                <div class="clearfix"></div>





                <div class="space">&nbsp;</div>

                <div class="checkinfo">	
                    <label  class="smalllabel">Google+</label>

                    <div class="showbox">
                        <input type="text" placeholder="Full website address" name="googleplus" id="user_contact_googleplus" class="full" value="<?php if (isset($googleplus))echo $googleplus; ?>">
                    </div>

                </div>	


                <div class="clearfix"></div>







                <div class="space">&nbsp;</div>

                <div class="checkinfo">		
                    <label  class="smalllabel">Flickr</label>

                    <div class="showbox">
                        <input type="text" placeholder="Username" name="flickr" id="user_contact_flickr" class="full" value="<?php if (isset($flickr))echo $flickr; ?>">
                    </div>	
                </div>	


                <div class="clearfix"></div>




                <div class="space">&nbsp;</div>

                <div class="checkinfo">		
                    <label  class="smalllabel">Skype</label>

                    <div class="showbox">
                        <input type="text" placeholder="Username" name="skype" id="user_contact_skype" class="full" value="<?php if (isset($skype))echo $skype; ?>">
                    </div>	
                </div>	


                <div class="clearfix"></div>



            </div>
        </div>


        <!-- nudity, language -->
        <div class="controlgroup">	

            <h3 class="faded">
                Experience
            </h3>


            <div class="controls bottomCtn">

                <div class="arrow"></div>	

                <div class="check">
                    <input type="checkbox" id="nsfw" value="true" name="nsfw" style="position: absolute; z-index: -1; visibility: hidden;"><span class="jquery-checkbox" style="-moz-user-select: none;"><span class="mark"><img src="/unity/img/scripts/jquery-checkbox/empty.png"></span></span> 
                </div>
                <div class="checkinfo labelonly">
                    <label for="nsfw">Display nude content</label>
                </div>
                <div class="clearfix"></div>



                <div class="space">&nbsp;</div>
                <div class="checkinfo">
                    <label>Language</label>
                    <div class="showbox">
                        <select name="lang" id="lang"><option selected="selected" value="en">English</option>
                            <option value="de">Deutsch</option>
                            <option value="fr">Français</option>
                            <option value="es">Español</option>
                        </select>
                    </div>
                </div>
                <div class="clearfix"></div>


                <!-- connect/disconnect FB -->







                <div class="space">&nbsp;</div>

                <div class="checkinfo">		
                    <label class="smalllabel">Unlink your Facebook account</label>

                    You are connected with Facebook
                    <a rel="nofollow" data-method="delete" href="/auth/facebook">Unlink?</a>
                </div>



                <div class="clearfix"></div>




                <div class="space">&nbsp;</div>

                <div class="checkinfo labelonly">		
                    <label class="smalllabel">Link your Twitter account</label>

                    <div class="showbox">
                        <a onclick="return false;" id="twitter_login" data-oauth-provider-login="twitter" class="clickable button social_login_button " href="#"><span><strong>Log in with Twitter</strong></span></a>
                    </div>

                </div>


                <p>&nbsp;</p>

                <div class="space">&nbsp;</div>
                <div class="checkinfo">

                    <label class="faded">Delete your 500px account</label>
                    <div class="showbox">
                        <a onclick="px.deleteAccount();" class="clickable">Delete account forever</a>
                    </div>
                </div>



            </div>

        </div>


        <div class="clearfix"></div>

        </form>
    </div>
    <div class="clear"></div>
</section>
<script>
    function formSubmit()
    {
        $("form").submit();
    }
</script>
<?php
$this->load->view('includes/footer');
?>